<%-- 
    Document   : grupos
    Created on : 02-jul-2012, 10:59:00
    Author     : Administrador
--%>
<%@page import="com.javabeans.ItinerarioHorario"%>
<%@page import="com.javabeans.Materia"%>
<%@page import="com.javabeans.ItinerarioGrupo"%>
<%@page import="com.javabeans.Carrera"%>
<%@include file="../../../controlSession.jsp" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<%
    int i = 0;
    int idCarrera = 0;
    if(request.getAttribute("idCarrera") != null)
        idCarrera = (Integer)request.getAttribute("idCarrera");
    List<Carrera> carreras = (List<Carrera>)request.getAttribute("carreras");
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM </title>
        <meta name="description" content="Derechos Reservados SI-ESFM." />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/comun.js"></script>
    </head>
    <script type="text/javascript">
            
        $(document).ready(function(){
           // boton add unidad académica
           $.fn.newItiGrupo = function(idCarrera){
               location.href = "Administracion?accion=118&idCarrera="+idCarrera;
           }
           $.fn.editar = function(idItinerarioGrupo,idCarrera){
               location.href = "Administracion?accion=119&idItinerarioGrupo="+idItinerarioGrupo+"&idCarrera="+idCarrera;
           }
           
           $.fn.eliminar = function(idItinerarioGrupo,idCarrera,nroGrupo,nomCarrera){
               if(confirm("¿Esta seguro de eliminar el grupo "+nroGrupo+" de la especialidad "+nomCarrera+"?")){
                   $.ajax({
                        url: "Administracion",
                        type: "GET",
                        data:{ accion:124,idItinerarioGrupo:idItinerarioGrupo,idCarrera:idCarrera,nomCarrera:nomCarrera},
                        success:function(res){
                            $('#listGrupos').html(res);
                        },
                        error: function(res){ alert("Error! al mostrar los grupos!"); }
                    });
               }
           }
           
           // cambio de pais
            $("#idCarrera").change(function(){
                $("#idCarrera option:selected").each(function (){
                    idCarrera = $(this).val();
                    nomCarrera = $(this).text();
                    i = nomCarrera.indexOf(",");
                    nomCarrera = nomCarrera.substring(i+1);
                    if(idCarrera != ""){
                        $.ajax({
                            url: "Administracion",
                            type: "GET",
                            data:{ accion:117 , idCarrera:idCarrera,nomCarrera:nomCarrera},
                            success:function(res){
                                $('#listGrupos').html(res);
                            },
                            error: function(res){ alert("Error! al mostrar los grupos!"); }
                        });
                    }else{
                        $("#listGrupos").html("");
                    }
                });
            }); 
        });

        function resetGestion(){
            document.getElementById("idCarrera").selectedIndex = 0;
        }

    </script>
    <body onload="showTime(<%=s_param%>)">
        <div id="top-wrap">
            <!-- cabeza principal -->
            <%@include file="../../../head.jsp" %>
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                        <li><a href="<%=s_path%>/principal.jsp">Home</a></li>
                        <li><span style="color:#666">Administraci&oacute;n</span></li>
                        <li class="current-page"><span class="end"><span class="middle">Itinerario de Grupos</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                <div id="principal">
                    <!-- todo el cuerpo disponible para el area de trabajo -->
                    <div class="cuerpoCompleto" style="border: 0px solid">
                        <div class="innerLeft" style="border: 0px solid">
                            <!-- supuestamente aca biene el contenido -->
                            <label for="idCarrera"><b>SELECCIONE UNA ESPECIALIDAD :&nbsp;</b></label>
                            <select name="idCarrera" id="idCarrera"  title="Seleccione una especialidad">
                                <option value="">Seleccione</option>
                            <%
                                for(Carrera c : carreras)
                                    out.println("   <option value='"+c.getIdCarrera()+"' "+((idCarrera == c.getIdCarrera())?"selected":"")+" >"+c.getFacultad().getNombre()+", "+c.getNombre()+"</option>");
                            %>    
                            </select><br/>
                            <center>
                                <div id="listGrupos">
                            <%
                            if(idCarrera != 0){
                                String nomCarrera = (String)request.getAttribute("nomCarrera");
                                List<ItinerarioGrupo> grupos = (List<ItinerarioGrupo>)request.getAttribute("grupos");
                                out.println("<h2 class='decorado'>Itinerario de Grupos de la especialidad ''"+nomCarrera+"''</h2>");
                                out.println("<table class='miReporte' style='width: 100%'>");
                                out.println("    <tr>");
                                out.println("        <td style='text-align: right'><input type='button' class='boton' value='Nuevo Itinerario Grupo' onclick='$.fn.newItiGrupo("+idCarrera+")'/></td>");
                                out.println("    </tr>");
                                out.println("</table>");
                                out.println("<table class='tabla_decorado' style='width: 100%'>");
                                out.println("    <thead>");
                                out.println("        <tr>");
                                out.println("            <th width='30%' class='th_decoradoRowspan'>MATERIA(S)</th>");
                                out.println("            <th width='5%' class='th_decoradoRowspan'>GRUPO</th>");
                                out.println("            <th width='31%' class='th_decoradoRowspan'>DOCENTE</th>");
                                out.println("            <th width='4%' class='th_decoradoRowspan'>CUPO</th>");
                                out.println("            <th width='20%' class='th_decoradoRowspan'>HORARIO(S)</th>");
                                out.println("            <th width='10%' class='th_decoradoRowspan' colspan='2'>ACCIONES</th>");
                                out.println("        </tr>");
                                out.println("    </thead>");
                                out.println("    <tbody>");
                                i = 0;
                                int j = 1;
                                String aux = "";
                                for(ItinerarioGrupo ig : grupos){
                                    aux = "";
                                    List<Materia> materias = ig.getMaterias();
                                    if(materias.size() == 1){
                                        Materia m = (Materia)materias.get(0);
                                        aux = m.getNombre();
                                    }else{
                                        for(Materia m:materias){
                                            Carrera c = m.getCarrera();
                                            aux += c.getNombre()+": "+m.getNombre()+" <br/>";
                                        }
                                        i = aux.lastIndexOf(",");
                                        if(i != -1)
                                            aux = aux.substring(0, i);
                                    }
                                    out.println("        <tr class='tr_decorado'>");
                                    out.println("            <td class='th_decorado'>"+aux+"</td>");
                                    out.println("            <td class='th_decorado'>"+ig.getNroGrupo()+"</td>");
                                    out.println("            <td class='th_decorado'>"+ig.getDocente().getNombre()+"</td>");
                                    if(ig.isLimitado())
                                        out.println("            <td class='th_decorado'>"+ig.getCupo()+"</td>");
                                    else
                                        out.println("            <td class='th_decorado'>ILIMITADO</td>");
                                    aux = "";
                                    for(ItinerarioHorario ih:ig.getItiHorarios()){
                                        aux += ih.getDiaSemana().getNombre()+", "+ih.getPeriodoDia().getHoraIni()+" - "+ih.getPeriodoDia().getHoraFin()+", Aula: "+ih.getAula().getNro()+" <br/>";
                                    }
                                    out.println("            <td class='th_decorado'>"+aux+"</td>");
                                    out.println("            <td class='td_decoradoDerecha' style='text-align: center'>");
                                    out.println("                <input type='button' value='Modificar' onClick='$.fn.editar("+ig.getIdItinerarioGrupo()+","+idCarrera+")' class='botonRep' title='Pulsa aqui para modificar el grupo'/>");
                                    out.println("            </td>");
                                    out.println("            <td class='td_decoradoDerecha' style='text-align: center'>");
                                    out.println("                <input type='button' value='Eliminar' onClick='$.fn.eliminar("+ig.getIdItinerarioGrupo()+","+idCarrera+","+ig.getNroGrupo()+",\""+nomCarrera+"\")' class='botonRep' title='Pulsa aqui para eliminar el GRUPO'/>");
                                    out.println("            </td>");
                                    out.println("        </tr>");
                                    //out.println("        <input type='hidden' name='nomTipoGestion' id='nomTipoGestion' value=''/>");
                                    i++;
                                    j++;
                                }
                                if(j == 1){
                                    out.write("<tr class='tr_decorado'>");
                                    out.write("     <td class='td_decorado' colspan='7' style='text-align:center'><span style='color:red'>No existe itinerario de grupos de la especialidad ''"+nomCarrera+"''!</span></td>");
                                    out.write("</tr>");
                                }
                                out.println("    </tbody>");
                                out.println("</table>");
                                out.println("<br/>");
                            }
                            %>
                                </div> <!-- End id="listGrupos" -->
                            </center>
                        </div>
                    </div><!--end of leftPan-->
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            <!-- footer -->
        </div>
    </body>
</html>

